/* html, body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
header {
  padding-top: env(safe-area-inset-top);
} */
/* ============================================================= */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
body {
    touch-action: pan-y pan-x !important;
}





:root {
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);
}

/* html, body {
  margin: 0;
  padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
  min-height: 100vh;
} */


header {
  padding-top: var(--safe-top);
}

.bottom-nav {
  padding-bottom: var(--safe-bottom);
  position: fixed;
  bottom: 0;
  width: 100%;
}

.fullscreen {
  padding-top: var(--safe-top);
  padding-bottom: var(--safe-bottom);
}

.safe-area {
  padding-top: var(--safe-top);
  padding-bottom: var(--safe-bottom);
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
}











.ptr--ptr {
  top: var(--safe-top, 20px); /* avoids notch */
}


/* ensures iso native drag down reload */
#scroll-container {
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* enables pull-to-refresh */
}